//进度条总数
	   var zong = $('.top_container').length
        $('.zongshu').text(zong);
        $('.gundong').attr('max',zong);

		//样式选择
		$('.styleText ').click(function(){
			$(this).addClass('styleColor').siblings().removeClass('styleColor');
		})
		//选择模板
		$('.footer_moban').click(function(){
			$(this).addClass('footer_Color').siblings().removeClass('footer_Color');
			$('.moban').removeClass('none').siblings().addClass('none');
			$('.kaishi').hide();
			$('.aa').hide();

		})
		//选择封面
		$('.footer_cover').click(function(){
			$(this).addClass('footer_Color').siblings().removeClass('footer_Color');
			$('.main_cover').removeClass('none').siblings().addClass('none');
			$('.kaishi').hide();
			$('.aa').hide();

		})
		//编辑内容
		$('.footer_edit').click(function(){
			$('.main_bot').removeClass('none').siblings().addClass('none');
			$(this).addClass('footer_Color').siblings().removeClass('footer_Color');
			$('.kaishi').show();

		})

		//封面的切换
		$('.cover_style_img').click(function(){
			$('.cover_style_top').removeClass('cover_cur');
			$(this).siblings().addClass('cover_cur');

		})
		//点击微调


		function bb(){
			$('.aa').show();
			$('.kaishi').hide();
			$('.huanwei').removeClass('opcity');
			$('.yidong').addClass('opcity');
			$('.yidong1').addClass('opcity');
			$('.yidong2').addClass('opcity');
		}
		//点击换位
		function qh(){
			var status=$('#hwStatus').val();
			if(status==1){
				$('.kaishi').hide();
				$('.aa').show();
				// $('.imgzhao_Conversion_bot').addClass('opcity').siblings().removeClass('opcity');
				$('.yidong').removeClass('opcity');
				$('.yidong1').removeClass('opcity');
				$('.yidong2').removeClass('opcity');
				$('.huanwei').addClass('opcity');
				$('#hwStatus').val(2);
			}else{
				$('.kaishi').show();
				$('.aa').hide();
				// $('.imgzhao_Conversion_bot').addClass('opcity').siblings().removeClass('opcity');
				$('.yidong').addClass('opcity');
				$('.yidong1').addClass('opcity');
				$('.yidong2').addClass('opcity');
				$('.huanwei').removeClass('opcity');
				$('#hwStatus').val(1);
			}

		}
		//点击删除
		function del(param,id){
//			alert(id)
			var page=$('.container_cur').attr('page-data');
			var pbId=$('#pbId').val();
			$.post(Think.U('WebApp/PhotoBooks/delPhoto'),{photoId:id,page:page,pbId:pbId}, function(data){
				var str='';
				if(data.status==1){
					str+='<div class="fang left" onclick="inBook('+data.photoId+',this)"><img src="'+WST.ROOT+'/'+data.url+'" class="img"></div>';
					$('#reserved').append(str)
					$(param).parent().parent().remove();
				}else if(data.status==2){
					//保存前一页 刷新
					localStorage.setItem('curPage',page-1);
					location.reload()
//					str+='<div class="fang left" onclick="inBook('+data.photoId+',this)"><img src="'+WST.ROOT+'/'+data.url+'" class="img"></div>';
//					$('#reserved').append(str)
//					$(param).parent().parent().remove();
				}
			})

		}


		   //点击确定  保存值
       function suer(obj,id){
        	var imgLeft =$(obj).parent().prev().children('img').css('left');
        	var imgTop =$(obj).parent().prev().children('img').css('top');
		   var param={}
		   param.photoId=id;
		   param.zuo=imgLeft;
		   param.top=imgTop;
		   $.post(Think.U('WebApp/PhotoBooks/saveLittleTrim'),param, function(data){
//				   alert(JSON.stringify(data));
			   if(data.status==1){
				   $(obj).parent().hide();
				   $(obj).parent().next().show();
				   $(obj).removeClass('opcity');
				   $(obj). prev().addClass('opcity');
			   }
		   });
        }
	//点击换位层
//	$('.imgzhao_Conversion_bot').click(function(){
//		var gg=$(this).parent().parent().prev().children("div:first-child").children('img').attr('src');
//		var dd=$(this).parent().prev().children('img').attr('src');
//		$(this).parent().prev().children('img').attr('src',gg);
//		$(this).parent().parent().prev().children("div:first-child").children('img').attr('src',dd);
//
//	})
var dd='';
var gg='';
		function huan3(sar){
				gg=$(sar).parent().parent().parent().prev().children("div:first-child").children("div:first-child").children('img').attr('src');
				dd=$(sar).parent().prev().children('img').attr('src');
//			alert(gg);

			$(sar).parent().prev().children('img').attr('src',gg);
				$(sar).parent().parent().parent().prev().children("div:first-child").children("div:first-child").children('img').attr('src',dd);

			}

//		$('.imgzhao_conversion_bot').click(function(){
//		var gg=$(this).parent().parent().next().children("div:first-child").children('img').attr('src');
//		var dd=$(this).parent().prev().children('img').attr('src');
//		$(this).parent().prev().children('img').attr('src',gg);
//		$(this).parent().parent().next().children("div:first-child").children('img').attr('src',dd);
//
//	})
			function huan2(mar){
				gg=$(mar).parent().parent().parent().next().children("div:first-child").children("div:first-child").children('img').attr('src');
				dd=$(mar).parent().prev().children('img').attr('src');
				$(mar).parent().prev().children('img').attr('src',gg);
				$(mar).parent().parent().parent().next().children("div:first-child").children("div:first-child").children('img').attr('src',dd);

			}

	function huan1(par){
		gg=$(par).parent().parent().parent().parent().children("div:last-child").children("div:first-child").children("div:first-child").children('img').attr('src');
		dd=$(par).parent().prev().children('img').attr('src');
//		alert(dd);
		$(par).parent().prev().children('img').attr('src',gg);
		$(par).parent().parent().parent().parent().children("div:last-child").children("div:first-child").children("div:first-child").children('img').attr('src',dd);

	}

//input
//进度条的值改变
$('.gundong').change(function(){
	var input= $('.gundong').val();
//	alert(input)
	localStorage.setItem('curPage',input);
	$('.top_container').eq(input-1).addClass('container_cur').siblings().removeClass('container_cur');
})

    //图片的移动

  var _x_start,_y_start,_x_move,_y_move,_x_end,_y_end,left_start,top_start;

    //监听多个，相同的类
    var yiDong=[];
  	var yidong = $('.yidong');
  	for(var k=0;k<yidong.length;k++){
  		yiDong.push(yidong[k]);
  		 yiDong[k].addEventListener("touchstart",start);
  		 yiDong[k].addEventListener("touchmove",move);
  		 yiDong[k].addEventListener("touchend",end);
  		}

  	var yiDong1=[]
  	var yidong1 = $('.yidong1');
  	for(var k=0;k<yidong1.length;k++){
  		yiDong1.push(yidong1[k]);
  		 yiDong1[k].addEventListener("touchstart",start);
  		 yiDong1[k].addEventListener("touchmove",move);
  		 yiDong1[k].addEventListener("touchend",end);
  		}

  	var yiDong2=[]
  	var yidong2 = $('.yidong2');
  	for(var k=0;k<yidong2.length;k++){
  		yiDong2.push(yidong2[k]);
  		 yiDong2[k].addEventListener("touchstart",start);
  		 yiDong2[k].addEventListener("touchmove",move);
  		 yiDong2[k].addEventListener("touchend",end);

  		}
  		// console.log(Class);


   	 //手指开始触摸
        function start(e){
        	  _x_start=e.touches[0].pageX;
            _y_start=e.touches[0].pageY;

            left_start=$(this).parent().siblings().children('img').css('left')
            top_start=$(this).parent().siblings().children('img').css('top');

            console.log(top_start);
            $('body').addClass('fixed');
        }

		 //手指移动
        function move(e){
        	  _x_move=e.touches[0].pageX;
            _y_move=e.touches[0].pageY;
            // console.log("move",_x_move)
           $(this).parent().siblings().children('img').css("left",parseInt(_x_move)-parseInt(_x_start)+parseInt(left_start)+"px");
            $(this).parent().siblings().children('img').css("top",parseInt(_y_move)-parseInt(_y_start)+parseInt(top_start)+"px");
            console.log(parseInt(_y_move)-parseInt(_y_start)+parseInt(top_start));
        }
		 //手指离开
        function end(e){
        	 var _x_end=e.changedTouches[0].pageX;
            var _y_end=e.changedTouches[0].pageY;


            $('body').removeClass('fixed');

    		$(this).removeClass('opcity');
    		$(this).next().addClass('opcity');

        }
        //阻止浏览器下拉事件
        // $('body').on('touchmove', function (event) {event.preventDefault();});

        // document.addEventListener('touchmove', function(e){e.preventDefault()}, false);

function saveCurrent(id){
//	alert(id)
	var param={};
	param.pbId=id;
	param.bookName=$('#bookName').val();
	param.title=$('#title').val();
	param.coverId=$('.cover_cur').attr('data');
	param.style=$('.styleColor').attr('data');
	$.post(Think.U('WebApp/PhotoBooks/saveCurrent'),param, function(data){
//				   alert(JSON.stringify(data));
		if(data.status==1){
			location.href=WST.U('WebApp/PhotoBooks/index');;
		}else{
			wstMsg(data.msg);
		}
	});
}